﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPageMain.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="estudent.Models" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Izvajalci
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="InnerRightContent" runat="server">

    <h1>Izvajalci</h1>
    <%object o = new { size = "15" }; %>

    <form action="/Izvajalci/Vnesi" method="post" name="kriteriji" id="kriteriji">
    <%=Html.Label("Izberite predmet:") %>
    <%=Html.DropDownList("predmet",(IEnumerable<SelectListItem>)ViewData["predmeti"], "Izberite predmet") %>
    <table border="1" id="izvajalci">
    </table>
    <div id="ustvarjanje">
    <table>
    <tr><td colspan="3" align="center"><%=Html.Label("Ustvarjanje novih izvajalcev za predmet") %></td></tr>
    <tr>
    <td>
    <%=Html.Label("Izberite profesorja/e:") %>
    <%=Html.ListBox("levi", (IEnumerable<SelectListItem>)ViewData["profesorji"], o)%>
    </td>
    <td style="width:100px;" align="center">
    <input name="desno" id="desno" type="button" value=">>" title="Dodajte profesorja" style="width:50px;"/>
    <br />
    <br />
    <input name="levo" id="levo" type="button" value="<<" title="Odvzemite profesorja" style="width:50px;"/>
    </td>
    <td><select multiple="multiple" id="desni" name="desni" size="3" style="width: 200px;"></select></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><br /><br /><input type="submit" id="poslji" name="poslji" value="Shrani" /></td>
    </tr>
    </table>
    </div>
    </form>
    <form action="/Izvajalci/VnesiUrejanje" method="post" name="ureditev" id="ureditev">
    <% =Html.Hidden("id") %>
    <% =Html.Hidden("predmetUrej") %>
    <div id="divUrejanje">
    <label id="izvaj"></label>
    <table>
    <tr><td colspan="3" align="center"><%=Html.Label("Spremenite izvajalce:") %></td></tr>
    <tr>
    <td>
    <%=Html.Label("Izberite profesorja/e:") %>
    <%=Html.ListBox("levi2", (IEnumerable<SelectListItem>)ViewData["profesorji"], o)%>
    </td>
    <td style="width:100px;" align="center">
    <input name="desno" id="desno2" type="button" value=">>" title="Dodajte profesorja" style="width:50px;"/>
    <br />
    <br />
    <input name="levo" id="levo2" type="button" value="<<" title="Odvzemite profesorja" style="width:50px;"/>
    </td>
    <td><select multiple="multiple" id="desni2" name="desni2" size="3" style="width: 200px;"></select></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><br /><br /><input type="submit" id="posljiUrejanje" name="poslji" value="Shrani" /></td>
    </tr>
    </table>
    </div>
    </form>
    
    
    

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="JQueryContent" runat="server">
 <script type="text/javascript">
     $(document).ready(function () {
         $("#ustvarjanje").hide();
         $("#divUrejanje").hide();
         $("#desno").click(function () {
             if (($("select[id='levi']>option:selected").length + $('#desni option').size()) > 3) {
                 alert("Izbrani so lahko največ trije profesorji!");
             }
             else {
                 return !$('#levi option:selected').remove().appendTo('#desni');
             }
         });

         $('#levo').click(function () {
             return !$('#desni option:selected').remove().appendTo('#levi');
         });
         $("#desno2").click(function () {
             if (($("select[id='levi2']>option:selected").length + $('#desni2 option').size()) > 3) {
                 alert("Izbrani so lahko največ trije profesorji!");
             }
             else {
                 return !$('#levi2 option:selected').remove().appendTo('#desni2');
             }
         });

         $('#levo2').click(function () {
             return !$('#desni2 option:selected').remove().appendTo('#levi2');
         });

         $("#poslji").click(function (e) {
             $("#desni").each(function () {
                 $("#desni option").attr("selected", "selected");
             });
             if ($('#desni option').size() == 0) {
                 alert("Izbran mora biti vsaj en profesor");
                 return false;
             }
             $.ajax({
                 type: 'POST',
                 url: '/Izvajalci/Preveri',
                 data: $("#kriteriji").serialize(),
                 async: false,
                 success: function (data) {
                     if (data != "ok") {
                         alert(data);
                         e.preventDefault();
                     }
                 }
             });
         });

         $("#predmet").change(function () {
             $("#ustvarjanje").show("slow");
             $("#predmet option[value='']").hide();
             $("#divUrejanje").hide("slow");
             $.post("/Izvajalci/PokaziIzvajalce", $("#kriteriji").serialize(), function (data) {
                 $("#izvajalci").html(data);
             });
         });

         $(".urejaj").live('click', function () {
             var neki = this.id;
             $("#id").val(neki);
             $.ajax({
                 type: 'POST',
                 url: '/Izvajalci/PreveriUrejanje',
                 data: $("#ureditev").serialize(),
                 async: false,
                 success: function (data) {
                     if (data != "ok") {
                         alert(data);
                     }
                     else {
                         $("#ustvarjanje").hide("slow");
                         $("#divUrejanje").show("slow");
                         $.post("/Izvajalci/IzvajajoUred", $("#ureditev").serialize(), function (data) {
                             $("#izvaj").html(data);
                         });
                     }
                 }
             });

         });

         $("#posljiUrejanje").click(function (e) {
             $("#predmetUrej").val($("#predmet").val());
             $.ajax({
                 type: 'POST',
                 url: '/Izvajalci/PreveriUrejIzvaj',
                 data: $("#ureditev").serialize(),
                 async: false,
                 success: function (data) {
                     if (data != "ok") {
                         alert(data);
                         e.preventDefault();
                     }
                 }
             });
         });

         $(".veljavnost").live('click', function () {
             var neki = this.id;
             $("#id").val(neki);
             $.ajax({
                 type: 'POST',
                 url: '/Izvajalci/Veljavnost',
                 data: $("#ureditev").serialize(),
                 async: false,
                 success: function (data) {
                     if (data != "ok") {
                         alert(data);
                     }
                     else {
                         $.post("/Izvajalci/PokaziIzvajalce", $("#kriteriji").serialize(), function (data) {
                             $("#izvajalci").html(data);
                         });
                     }
                 }
             });
         });

     });
    </script>
</asp:Content>
